
.city-wrapper {
    max-width: 1920px;
    margin: 0 auto 60px;
    width: 100%;
    height: max-content;
    min-width: 1280px;
    padding: 2rem;
    box-sizing: border-box;
    text-align: center;

    .content { 
        margin-bottom: 80px;
        max-width: 1380px;
        min-width: 1280px;


        .city-image {
            padding-bottom: 100px;
            
            .image {
                border-radius: 10px;
            }
        }
        
        .city-desc {
            text-indent: 2em;
            margin-bottom: 18px;
            padding: 50px 100px 20px;
            text-align: start;
        }

        .more-city {
            margin-bottom: 40px;
    
            .more-city-nav {
                margin: 0 auto;
                padding: 10px 100px;
                display: flex;
                justify-content: space-around;
    
                .ant-card-cover {
                    width: 240px;
                    overflow: hidden;
                    border-radius: 4px;
                    img {
                        width: 240px;
                    }
    
                    img:hover {
                        width: 240px;
                        transform: scale(1.1);
    
                    }
                }
            }
    
            .ant-card-meta-description {
                --max-line: 3;
    
                display: -webkit-box;
                overflow: hidden;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: var(--max-line);
            }

            .more-city-title {
                text-align: center;
                position: relative;
                font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
                font-size: 20px;
                font-weight: 800;
                margin: 30px 0;
                letter-spacing: 5px;
                color: rgba(26, 24, 24, .3);
            }
            
            .more-city-title::before,
            .more-city-title::after {
                content: "";
                display: inline-block;
                width: 40%; /* 调整分割线长度 */
                margin: 0 10px; /* 调整分割线与文字之间的间距 */
                border-top: 1.5px solid rgba(26, 24, 24, .2); /* 分割线样式 */
            }
        }


    }

    .footer {
        padding: 10px auto;
        text-align: center;
        font-size: 12px;
        color: #666;
        cursor: default;
    }

}

